@charset "utf-8";
/******************
  base css document
*******************/
body {margin:0;background:#FFF;text-align:left}
table,div,input,select,textarea {font-size:12px; color:#424242}
img { border:0px}
h1,h2,h3,h4,h5,h6,ul,li,ol,p,dl,dt,dd {margin:0px;padding:0px}
h1,h2,h3 { font-size:14px}
h4,h5 { font-size:12px}
h3,h5 { font-weight:normal}
li {list-style-type:none}
a {color:#424242;text-decoration:none;cursor:pointer}
a:link {color:#424242;text-decoration:none;cursor:pointer}
a:hover {color:#FF6600;text-decoration:underline;cursor:pointer}
input,select {vertical-align:middle}
.rootWrap {width:980px;margin:0 auto}

/** fonts begin **/
.f-b { font-weight:bold;}
.f-12 { font-size:12px;}
.f-14 { font-size:14px;}
.f-16 { font-size:16px;}
.f-18 { font-size:18px;}
.f-20 { font-size:20px;}
.f-24 { font-size:24px;}
.f-26 { font-size:26px;}
.f-28 { font-size:28px;}
.f-30 { font-size:30px;}
.f-35 { font-size:35px;}
.f-40 { font-size:40px;}
.f-black,.f-black a { color:#424242;}
.f-black a:hover { color:#424242;}
.f-gray,.f-gray a { color:#848484;}
.f-gray a:hover { color:#848484;}
.f-orange,.f-orange a { color:#ff6600;}
.f-orange a:hover { color:#FFaa00;}
.f-red,.f-red a { color:#FF0000;}
.f-red a:hover { color:#FF6600;}
.f-darkpink,.f-darkpink a { color:#EA005B;}
.f-darkpink a:hover { color:#FF6600;}
.f-darkblue,.f-darkblue a { color:#004fe0;}
.f-darkblue a:hover { color:#FF6600;}
.f-blue,.f-blue a { color:#007eb3;}
.f-blue a:hover { color:#FF6600;}
.f-lightblue,.f-lightblue a { color:#a0cee5;}
.f-lightblue a:hover { color:#FF6600;}
.f-green,.f-green a { color:#008000;}
.f-green a:hover { color:#FF6600;}

/** generic **/
.clear {clear:both}
.over-h {overflow:hidden}
.over-a {overflow:auto}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.l-m { text-decoration:line-through;}
.l-b { text-decoration:underline;}
.bg-ffffff { background-color:#ffffff;}
.bg-fafafa { background-color:#fafafa;}
.bg-f7f7f7 { background-color:#f7f7f7;}
.fl { float:left;}
.fr { float:right;}
.ta-c { text-align:center;}
.margin-0 { margin:0}
.mt-2 { margin-top:2px;}
.mt-4 { margin-top:4px;}
.mt-5 { margin-top:5px;}
.mt-8 { margin-top:8px;}
.mt-12 { margin-top:12px;}
.mt-24 { margin-top:24px;}
.mt-30 { margin-top:30px}
.mt-35 { margin-top:35px}
.mt-40 { margin-top:40px}
.mt-45 { margin-top:45px}
.mt-50 { margin-top:50px}
.mt-55 { margin-top:55px}
.mt-60 { margin-top:60px}
.mb-2 { margin-bottom:2px;}
.mb-4 { margin-bottom:4px;}
.mb-5 { margin-bottom:5px;}
.mb-8 { margin-bottom:8px;}
.mb-12 { margin-bottom:12px;}
.mb-24 { margin-bottom:24px;}
.mb-30 { margin-bottom:30px;}
.mb-35 { margin-bottom:35px;}
.mb-40 { margin-bottom:40px;}
.mb-45 { margin-bottom:45px;}
.mb-50 { margin-bottom:50px;}
.mb-55 { margin-bottom:55px;}
.mb-60 { margin-bottom:60px;}
.ml-5 { margin-left:5px;}
.ml-8 { margin-left:8px;}
.ml-10 { margin-left:10px;}
.ml-14 { margin-left:14px;}
.ml-23 { margin-left:23px;}
.ml-26 { margin-left:26px;}
.ml-30 {margin-left:30px}
.ml-35 {margin-left:35px}
.ml-40 {margin-left:40px}
.ml-45 {margin-left:45px}
.ml-50 {margin-left:50px}
.ml-55 {margin-left:55px}
.ml-60 {margin-left:60px}
.ml-65 {margin-left:65px}
.ml-70 {margin-left:70px}
.ml-75 {margin-left:75px}
.ml-80 {margin-left:80px}
.mr-4 { margin-right:4px;}
.mr-5 { margin-right:5px;}
.mr-9 { margin-right:9px;}
.mr-10 {margin-right:10px;}
.mr-14 {margin-right:14px;}
.mr-23 {margin-right:23px;}
.mr-26 {margin-right:26px;}
.mr-30 {margin-right:30px}
.mr-35 {margin-right:35px}
.mr-40 {margin-right:40px}
.mr-45 {margin-right:45px}
.mr-50 {margin-right:50px}
.mr-55 {margin-right:55px}
.mr-60 {margin-right:60px}
.mr-65 {margin-right:65px}
.mr-70 {margin-right:70px}
.mr-75 {margin-right:75px}
.mr-80 {margin-right:80px}
.m-middle {margin:0 auto}
.padding-0 { margin:0}
.pt-5 { padding-top:5px;}
.pt-10 { padding-top:10px;}
.pb-5 { padding-bottom:5px;}
.pb-10 { padding-bottom:10px;}
.pl-3 { padding-left:3px;}
.pl-5 { padding-left:5px;}
.pl-7 { padding-left:7px;}
.pl-10 { padding-left:10px;}
.pr-3 {padding-right:3px}
.pr-5 {padding-right:5px}
.pr-10 {padding-right:10px}
.padd-5 {padding:5px}
.padd-10 {padding:10px}
/*height*/
.h3 {height:3px}
.h5 {height:5px}
.h6 {height:6px}
.h8 {height:8px}
.h10 {height:10px}
.h13 {height:13px}
.h15 {height:15px}
.h16 {height:16px}
.h18 {height:18px}
.h20 {height:20px}
.h22 {height:22px}
.h23 {height:23px}
.h24 {height:24px}
.h25 {height:25px}
.h26 {height:26px}
.h28 {height:28px}
.h30 {height:30px}
.h33 {height:33px}
.h35 {height:35px}
.h40 {height:40px}
.h-auto {height:auto}
